<!--
 * @Descripttion : 
 * @Autor        : Lilong
 * @Date         : 2022-09-30 16:27:40
 * @LastEditTime : 2022-09-30 16:27:42
 * @FilePath     : \表单控件绑定\v-model和组件\第四种(自定义v-model修饰符)\带参数的修饰符\第二种写法：script setup\APP.vue
-->
<template>
    <div id="v-model">
      <!-- 第一个description为改变的默认属性名称，第二个capitalize为修饰符 -->
      <my-component v-model:description.capitalize="myText"></my-component>
      <div>{{ myText }}</div>
    </div>
  </template>
  
<script setup>
import MyComponent from './components/my-component.vue'
import { ref } from 'vue'
const myText = ref('')
</script>

<style lang="less">
</style>